<template>
  <div class="warp">
      <div class="list">
        <list />
      </div>
      <div class="right">
        <HotTalk />
        <Ads />
        <Links />
      </div>
    </div>
</template>

<script>
import Ads from '@/components/slideBar/Ads'
import HotTalk from '@/components/slideBar/HotTalk'
import Links from '@/components/slideBar/Links'
import list from '@/components/comtent/list'
export default {
  name: 'home-index',
  components: {
    Ads,
    HotTalk,
    Links,
    list
  }
}
</script>

<style lang="scss" scoped>
.warp {
    width: 1170px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    .list {
      width: 800px;
    }
    .right {
      width: 340px;
    }
  }
</style>
